<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/master.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_561750_y2qd5nff998gp66r.css">
    <title>味正商城</title>

<body>
<div id="page1">
    <header>
        <h1 class="title xl">我的地址</h1>
        <i class="iconfont icon-more max z-in ml10 clickbetter back" ></i>
        <div class="underline"></div>
    </header>
    <div class="wrapper myaddr ">
    </div>
    <div class="lack">
        <img src="${staticpath}/front/dist/images/lack_addr.png" alt="" class="pic-lack">
        <div class="text-lack">亲，你还没有添加地址哦~</div>
    </div>
    <div  class="addrBtn xl" id="newaddr">添加新地址</div>
</div>
<div id="page2" class="hide">
    <header>
        <h1 class="title xl j-addrType">添加地址</h1>
        <i class="iconfont icon-more max z-in ml10 clickbetter " onclick="$('#page1').show().siblings().hide()" ></i>
        <div class="underline"></div>
    </header>
    <div class="wrapper add-addr">
        <ul class="underline white">
            <div class="item flex addr-item">
                <div class="xl text">收货人</div>
                <input type="text" id="name" class="cell-main l" placeholder="请填写收货人">
            </div>
        </ul>
        <ul class="underline white">
            <div class="item flex  addr-item">
                <div class="xl text">联系电话</div>
                <input type="number" id="phone" class="cell-main l" placeholder="请填写联系电话">
            </div>
        </ul>
        <ul class="underline white">
            <div class="item flex  addr-item">
                <div class="xl ">所在地区</div>
                <input type="text" class="cell-main xl right address" id="city-picker"><i class="iconfont hui icon-more1 xxl"></i>
            </div>
        </ul>
        <textarea name="" id="detail" class="item l" placeholder="请填写详细地址"></textarea>
    </div>
    <div class="addrBtn" id="addr-btn">保存地址</div>
</div>
</body>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='/resource/front/dist/js/common.js' charset='utf-8'></script>
<script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/address/address.js' charset='utf-8'></script>
